*{padding: 0;margin: 0;}
li{list-style: none;}
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
body,html{background: #f0f0f0;}
header{
     background:#27c1b4;
    .px2rem(height,98);
     display: flex;
     align-items: center;
     justify-content: space-around;
    p{
      .px2rem(font-size,31);
               color: #fff;
               text-align: center;
        
    }
}

.article{
    border: 1px solid transparent;
    border-left: 2px solid #999999; 
    .px2rem(margin-left,90);
    .px2rem(width,690);
    .px2rem(margin-top,20);
    .px2rem(height,90); 
    }

.topTr{
     display: flex;
     .px2rem(height,53);
     p{
         img{.px2rem(margin-left,40);}
     }
      dd{    color: #FFFFFF;
              background:#27c1b4;
             .px2rem(height,53);
             .px2rem(width,178); 
              text-align: center;
              .px2rem(line-height,53);
              .px2rem(margin-top,10);
              .px2rem(margin-left,30);
              .px2rem(font-size,24);
    }
     padding: 0 1% 0 3%;
    
}

.bottomTr{
     border: 1px solid transparent;
     border-left: 2px solid #999999; 
     color: #999999;
    .px2rem(margin-left,90);
    .px2rem(width,690);
    
      padding: 0 1% 0 3%; .px2rem(height,133);
      p{ .px2rem(font-size,22); .px2rem(margin-top,28);}
}



































